<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>9块9包邮-熊猫优选</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/nineShip.css">

</head>

<body>
    <!-- 顶部 -->
    <div id="header">
        <div class="container clearfix">
            <a href="#/" class="logo">
                <img src="../static/images/logo.png" alt="">
                <div class="pagename">
                    <h1>熊猫优选</h1>
                    <sapn class="pinyin">XIONG&nbsp;MAO&nbsp;YOU&nbsp;XUAN</sapn>
                </div>
            </a>
            <form action="#">
                <div class="searchDiv"></div>
                <input type="text" name="search" id="search" placeholder="搜索商品，发现更多优惠">
                <div class="sbtn" onclick="search()">搜索</div>
            </form>
            <div class="promise clearfix">
                <div class="promiseItem">
                    <img src="../static/images/baoyou.png" alt="">
                    <div>全程包邮</div>
                </div>
                <div class="promiseItem">
                    <img src="../static/images/seven-day.png" alt="">
                    <div>7天退换</div>
                </div>
                <div class="promiseItem">
                    <img src="../static/images/ok.png" alt="">
                    <div>品质保障</div>
                </div>
            </div>

        </div>
    </div>

    <!-- 导航栏 -->
    <div id="nav">
        <div class="container clearfix">
            <ul class="clearfix">
                <li><a href="index.html">首页</a></li>
                <li class="active"><a href="#">9块9包邮</a></li>
                <li><a href="bigCoupon.html">超值大额券</a></li>
                <li><a href="#">降温急救穿搭</a></li>
            </ul>
            <div class="toCar"><a href="./shopCar.html">我的购物车</a></div>
        </div>
    </div>

    <!-- 产品分类 -->
    <div id="home">
        
        <!-- 返回顶部 -->
        <div id="backTop">
            <img src="../static/images/back-top.png" alt="">
        </div>
        <!-- 分类 -->
        <div id="classify">
            <div class="container">
                <h1>9块9专区</h1>
                <ul class="clearfix className">
                    <li  class="nineOn">精选</li>
                    <li>美妆护肤</li>
                    <li>服装配饰</li>
                    <li>手机数码</li>
                    <li>日用家居</li>
                    <li>文娱体育</li>
                    <li>食品</li>
                    <li>个人护理</li>
                </ul>
        </div>
        <div id="goodSelect">  
                <div class="productsShow">
                    <ul>
                        <script type="text/html" id="nineship-list">
                            {{ each productListData }}
                            <li onclick="toDetail({{$value.id}})">
                                <img src="{{$value.image}}" alt="">
                                <div class="introduce">
                                    <div class="detailDesc">{{$value.title}}</div>
                                    <div class="platform clearfix">
                                        {{if $value.platform==1}}
                                        <span class="taobao"> 淘宝</span>
                                        {{ else }}
                                        <span class="taobao" style="background-color: #df2b2f;"> 天猫</span>
                                        {{/if}}
                                        {{if $value.largeCoupon == true}}
                                        <span class="largeCoupon">大额券</span>
                                        {{/if}}
                                        <span class="ship">包邮 </span> </div>
                                    <div class="price">
                                        <span class="RMB">￥</span>{{$value.price}}<span
                                            class="toFloat">.{{$value.float}}</span>
                                        <span class="peopleNum">{{$value.saleNum}}人已买</span>
                                        <span class="coupon"> {{$value.couponValue}}元券</span>
                                    </div>
                                </div>
                            </li>
                            {{/each}}
                        </script>

                    </ul>
                </div>
            </div>
        </div>
        <!-- 查看更多按钮 -->
        <div id="seeMore" onclick="seeMoreProduct()">
            查看更多
        </div>
    </div>

    

    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="logoApp clearfix">
                <img src="../static/images/logo-footer.png" alt="">
                <div class="fontDesc">
                    <h2>熊猫优选</h2>
                    <p>年轻人网购首选</p>
                    <p> 购物领券更省钱</p>
                </div>
                <a class="download">|&emsp;下载APP</a>
            </div>
            <div class="copyReg"><img src="../static/images/gongan.png" alt="">浙公安网备案 33010602009949号 | ICP备案号:
                浙ICP备17012864号-1 | <img src="../static/images/zhengzhao.png" alt=""> 证照信息</div>
        </div>
    </div>
    <!-- 全国安全可信网站 -->
    <div id="safe">
        <div class="container">
            <a href="https://xinyong.yunaq.com/certificate?site=www.xiongmaoyouxuan.com"><img
                    src="../static/images/safe.png" alt=""></a>
        </div>
    </div>

    <script src="../js/template-web.js"></script>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/nineShip.js"></script>    
</body>

</html>